// 进度 柱形图
(function () {
    const myColor = ["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8878F6", "#f0f"];
    let oEchart = echarts.init(document.getElementById('bar2'));
    // 使用刚指定的配置项和数据显示图表。
    oEchart.setOption({
        tooltip: {},
        legend: {
            data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
        },
        xAxis: {
            data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
        },
        yAxis: {},
        series: [
            {
                name: "衬衫",
                type: "bar",
                
                itemStyle: {
                    normal: {
                        color: "#C1232B",
                    },
                },
                             data: [5, 20, 36, 10, 10, 20]
                // data: [5, 0, 0, 0, 0, 0],
            },
            {
                name: "羊毛衫",
                type: "bar",
                
                itemStyle: {
                    normal: {
                        color: "#B5C334",
                    },
                },
                //              data: [5, 20, 36, 10, 10, 20]
                data: [0, 20, 0, 0, 0, 0],
            },
            {
                name: "雪纺衫",
                type: "bar",
                //barGap: "-100%",
                itemStyle: {
                    normal: {
                        color: "#FCCE10",
                    },
                },
                //              data: [5, 20, 36, 10, 10, 20]
                data: [0, 0, 36, 0, 0, 0],
            },
            {
                name: "裤子",
                type: "bar",
                //barGap: "-100%",
                itemStyle: {
                    normal: {
                        color: "#E87C25",
                    },
                },
                //              data: [5, 20, 36, 10, 10, 20]
                data: [0, 0, 0, 10, 0, 0],
            },
            {
                name: "高跟鞋",
                type: "bar",
                //barGap: "-100%",
                itemStyle: {
                    normal: {
                        color: "#27727B",
                    },
                },
                //              data: [5, 20, 36, 10, 10, 20]
                data: [0, 0, 0, 0, 10, 0],
            },
            {
                name: "袜子",
                type: "bar",
                //barGap: "-100%",
                itemStyle: {
                    normal: {
                        color: "#FE8463",
                    },
                },
                //              data: [5, 20, 36, 10, 10, 20]
                data: [0, 0, 0, 0, 0, 20],
            }
        ]
    });
})()